/*@font-face {
    font-family:'zfzcyh';
    src: url('../fonts/xxxx.eot') format('embedded-opentype');

}*/

a:focus,input,textarea{outline: none;}
*{margin:0px;padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.fl{float:left;}
.fr{float:right;}
h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: 1;}
a,span,i{ display: inline-block;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
ul,ol,li{ list-style:none; margin: 0; padding: 0;}
a{ text-decoration:none;}
a:hover{text-decoration: none;}
h1{margin-top: 0px; margin-bottom: 0px;}
p{margin-bottom: 0px; margin-top: 0px;}
img{ border:0px; vertical-align:middle;}
body{ overflow-x:hidden;  font-family:Segoe UI,Tahoma,Arial,Verdana,sans-serif;line-height: 1; }
.sectionhalf{width: 600px;}
.absolute{position: absolute; left: 0; top: 0;right: 0; bottom: 0; overflow: hidden;}


a:focus,a:link,a{text-decoration: none;}

.scrollcomm1{top: 90px; opacity: 0; filter:alpha(opacity=0); zoom:1;}
.scrollcomm2{ opacity: 0; filter:alpha(opacity=0); zoom:1;}
.scrollcomm3{ margin-top: 80px; opacity: 0; filter:alpha(opacity=0); zoom:1;}
.article-block{position: relative;}
.opacityzero{opacity: 0; filter:alpha(opacity=0); zoom:1;}
.tran{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.trandelay{transition:all 0.6s 0.2s; -webkit-transition:all 0.6s 0.2s; -moz-transition:all 0.6s 0.2s;}
.tranfive{transition:all 4s; -webkit-transition:all 4s; -moz-transition:all 4s;}
.tranthree{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.trantwo{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.transix{transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;}
.transixdelayone{transition:all 0.2s 0.2s; -webkit-transition:all 0.2s 0.2s; -moz-transition:all 0.2s 0.2s;}
.tranone{transition:all 1s; -webkit-transition:all 1s; -moz-transition:all 1s;}
.tranba{transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s;}
.transcaleleft{transform:scale(0,1); -o-transform:scale(0,1); -ms-transform:scale(0,1); -moz-transform:scale(0,1); -webkit-transform:scale(0,1);}
.transcaletop{transform:scale(1,0); -o-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -webkit-transform:scale(1,0);}
.transcalow{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.transcaonenoe{transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.transcaonefive{transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); -webkit-transform:scale(1.5);}
.transcaone{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.transcaonezerofive{transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.transcalzero{transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); -moz-transform:scale(0,0); -webkit-transform:scale(0,0);}
.transcalzerofive{transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); -webkit-transform:scale(0.5);}
.transcalzerofiveX{transform:scaleX(0.5); -o-transform:scaleX(0.5); -ms-transform:scaleX(0.5); -moz-transform:scaleX(0.5); -webkit-transform:scaleX(0.5);}
.transcalxzero{transform:scaleX(0); -o-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -webkit-transform:scaleX(0);}
.ismages:hover img{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}
.ismages:hover .noscale{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.ismages:hover .tranA{transform:scale(1.2); -o-transform:scale(1.2);  -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); cursor: pointer;}
.tranorgin_rightTop{transform-origin:right top;-webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top;}
.tranorgin_rightbottom{transform-origin:center bottom;-webkit-transform-origin:center bottom; -moz-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom;}
.tranorgin_leftbottom{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;}
.tranorgin_lefttop{transform-origin:left bottom;-webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom;}
.tranorgin_midbottom{transform-origin:50% bottom;-webkit-transform-origin:50% bottom; -moz-transform-origin:50% bottom; -ms-transform-origin:50% bottom; -o-transform-origin:50% bottom;}
.tranorgin_rightmid{transform-origin:100% center;-webkit-transform-origin:100% center; -moz-transform-origin:100% center; -ms-transform-origin:100% center; -o-transform-origin:100% center;}
.tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;}
.tranorgin_center{transform-origin:50%;-webkit-transform-origin:50%; -moz-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%;}
.tranorgin_right{    -webkit-transform-origin: right;-ms-transform-origin: right; transform-origin: right;}
.tranorgin_left{    -webkit-transform-origin: left;-ms-transform-origin: left; transform-origin: left;}

.video_popup{position: fixed;  width: 100%; height: 100%;left: 0; top: 100%; background: url(../images/video_bg.png); z-index: 999999; opacity: 0; filter:alpha(opacity=0);}
.video_popup .video_con{position: absolute; font-size: 14px;color: #000; text-align: center;  width: 55%;height: 0;  left: 50%; top: 50%;  display: block;}
.video_popup .video_close{width: 27px; height: 27px; background: url(../images/close1.png) center center no-repeat; position: absolute; right: -25px; top: -25px; cursor: pointer; background-size: cover;}
.party_info_hide{display: none;}
.video_popup video{background: #fff\9; text-align: center; min-height: 60px; line-height: 60px;}
.page_info .page_about_play,.page_about_diplay{width: 50%;}
.page_info a:hover>img{transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.page_info .page_info_A{width: 100%; display: block; position: relative; padding-bottom: 54%; height: 0; overflow: hidden;}
.page_info  img{width: 100%;}
.page_info .play_icon{width: 100px; height: 136px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -68px; color: #fff; font-size: 20px;}
.page_info .play_icon img{margin-bottom: 15px;}
.page_info .page_about_more{position: absolute; width: 170px; height: 42px; line-height: 42px; font-size: 18px;color: #fff; padding-left: 24px; background:#323232 url(../images/page_more_icon.png) 133px center no-repeat; left: 0; bottom: 0; z-index: 10;}
.page_info .page_about_more:hover{ background:#2ac672 url(../images/page_more_icon.png) 133px center no-repeat;}
.page_about_eidt{margin-top: 50px; font-size: 14px; color: #333333; line-height: 32px;}
.index_video{cursor: pointer;}

.party_dots {}
.party_dots span{ width: 4px; height: 4px; background: #fff; opacity: 0.5; filter:alpha(opacity=50); margin-left: 2px; margin-right: 2px;}
.party_dots span.active{opacity: 1; filter:alpha(opacity=1);}
.black span{background: #000;}
.white span{background: #fff;}
.dot1{animation:roundone 1.5s  linear 0.25s infinite; -webkit-animation:roundone 1.5s linear 0.25s infinite;}
.dot2{animation:roundone 1.5s  linear 0.75s infinite; -webkit-animation:roundone 1.5s linear 0.75s infinite;}
.dot3{animation:roundone 1.5s linear 1.25s infinite; -webkit-animation:roundone 1.5s linear 1.25s infinite;}
@keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}
@-webkit-keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}
@-moz-keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}
@-ms-keyframes roundone{
    0%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
    49%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 0; fiter:alpha(opacity==0);}
    50%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
    100%{transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); opacity: 1; fiter:alpha(opacity==1);}
}

/*.footer_icons{display: inline-block; margin-top: -1px; line-height: 20px; vertical-align: middle; text-align: right;}
.footer_icons a{width: 20px; vertical-align: middle; height: 17px; margin-left: 15px; position: relative;}
.footer_icons .footer_icon1{background: url(../images/footer_icon1.png) center center no-repeat; margin-left: 0;}
.footer_icons .footer_icon2{background: url(../images/footer_icon2.png) center center no-repeat;}
.footer_icons .footer_icon3{background: url(../images/footer_icon3.png) center center no-repeat;}
.footer_icons .footer_icon4{background: url(../images/footer_add.jpg) center center no-repeat;}
.footer_icons>span{vertical-align: middle; margin-right: 10px;}
.footer_icons a span{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.footer_icons .footer_icon1 span{background: url(../images/footer_icon1_active.png) center center no-repeat;}
.footer_icons .footer_icon2 span{background: url(../images/footer_icon2_active.png) center center no-repeat;}
.footer_icons .footer_icon3 span{background: url(../images/footer_icon3_active.png) center center no-repeat;}
.footer_icons a:hover span{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1);opacity: 1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1);}
.ewmimg{position: absolute; top: -110px; opacity: 0; display: none; opacity: 0; filter:alpha(opacity=0); zoom:1; left: -25px; width: 80px; height: 80px; background: #fff;}
.ewmimg img{width: 100%;}*/

.mid_table{height: 100%; display: table; width: 100%;}
.mid_cell{display: table-cell; vertical-align: middle;}
.bot_cell{display: table-cell; vertical-align: bottom;}

 
.p10{padding: 10px;}
.p20{padding: 20px; background: #fff;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}

.mb25 {
    margin-bottom: 25px;
}
.mb40{margin-bottom: 40px;}
.z150{font-size: 150px;}
.z100{font-size: 100px;}
.z90{font-size: 90px;}
.z80{font-size: 80px;}
.z60{font-size: 60px;}
.z56{font-size: 56px;}
.z40{font-size: 40px;}
.z46{font-size: 40px;}
.z36{font-size: 36px;}
.z34{font-size: 34px;}
.z30{font-size: 30px;}
.z25{font-size: 25px;}
.z24{font-size: 24px;}
.z22{font-size: 22px;}
.z20{font-size: 20px;}
.z18{font-size: 18px;}
.z16{font-size: 16px;}
.z15{font-size: 15px;}
.z14{font-size: 14px;}
.z13{font-size: 13px;}
.z12{font-size: 12px;}
.c002251{color: #002251}
.c454545{color: #454545}
.c333{color: #333;}
.mui_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1700px){
.z150{font-size: 132px;}
.z100{font-size: 88px;}
.z90{font-size: 80px;}
.z80{font-size: 70px;}
.z60{font-size: 52px;}
.z56{font-size: 50px;}
.z46{font-size: 40px;}
.z40{font-size: 35px;}
.z36{font-size: 32px;}
.z25{font-size: 22px;}
.z24{font-size: 21px;}
.z20{font-size: 17px;}
.z18{font-size: 16px;}
.z22{font-size: 20px;}
.z16{font-size: 15px;}
.z30{font-size: 26px;}
.z34{font-size: 27px;}
}
@media screen and (max-width: 1500px){
  .z150{font-size: 116px;}
  .z100{font-size: 76px;}
  .z90{font-size: 70px;}
  .z80{font-size: 62px;}
  .z60{font-size: 40px;}
    .z56{font-size: 38px;}
    .z46{font-size: 35px;}
	.z40{font-size: 30px;}
  .z36{font-size: 26px;}
  .z25{font-size: 20px;}
	.z24{font-size: 18px;}
	.z20{font-size: 16px;}
    .z22{font-size: 16px;}
    .z30{font-size: 23px;}
    .z34{font-size: 24px;}
    .z16{font-size: 14px;}
}
@media screen and (max-width: 1200px){
    .z150{font-size: 85px;}
}
@media screen and (max-width: 1024px){
  .z100{font-size: 50px;}
  .z90{font-size: 46px;}
  .z80{font-size: 42px;}
  .z60{font-size: 32px;}
    .z56{font-size: 30px;}
	.z40{font-size: 20px;}
    .z46{font-size: 23px;}
    .z25{font-size: 18px;}
    .z36{font-size: 20px;}
    .z22{font-size: 16px;}
    .z20{font-size: 15px;}
    .z24{font-size: 16px;}
     .z30{font-size: 16px;}
     .z34{font-size: 26px;}
     .course_text_p1{margin-bottom: 15px;}
     .scrollcomm{position: relative; top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;}
     .z12{font-size: 13px;}
}

@media screen and (max-width: 768px){
  .z100{font-size: 36px;}
  .z90{font-size: 33px;}
  .z80{font-size: 30px;}
  .z60{font-size: 26px;}
    .z56{font-size: 25px;}
	.z40{font-size: 18px;}
    .z18{font-size: 14px;}
    .z16{font-size: 14px;}
    .z15{font-size: 13px;}
    .z14{font-size: 13px;}
    .z36{font-size: 18px;}
    .z34{font-size: 16px;}
    .mt40{margin-top: 20px;}
    .mt40{margin-bottom: 20px;}
}
@media screen and (max-width: 560px){
  .z90{font-size: 24px;}
    .z80{font-size: 22px;}
    .z100{font-size: 28px;}
}
@media screen and (max-width: 420px){
  .z90{font-size: 19px;}
    .z80{font-size: 18px;}
    .z100{font-size: 22px;}
}